$a:#68a1f7;
$card-c-y:#c6cec8;
$card-c:#c5e7d7;
$f-color:#f5f5f5;
$card-f-color:#a9a9a9;
body{
    min-width: auto;
}
.mycf{
    .mycf-header{
        height: 3.5rem;
        background: $a;
        text-align: center;
        h2{
            color: $f-color;
            line-height: 3.5rem;
        }
    }

    .mycf-body{
        padding: .5rem;
        font-size: 12px;
        .mycf-card{
            overflow: hidden;
            white-space: nowrap;
            -moz-box-shadow:1px 7px 5px $card-c-y; 
            -webkit-box-shadow:1px 7px 5px $card-c-y; 
            box-shadow:1px 7px 5px $card-c-y;
            margin-bottom: 1.6rem;
            border-radius:.6rem;
            padding: .6rem;
            background: $f-color;
            color:$card-f-color; 
            .mycf-card-hearder{
                border-bottom: .5px solid $card-c-y;
                margin-bottom: 0.5rem;
            }
            label{
                border-radius:.6rem;
                background: $a;
                color: $f-color;
                text-align: center;
            }
        }
                .card-btn{
                    background: $a;
                    border-radius:.6rem;
                    color:#fff;
                    position: absolute;
                    left: 40%;
                    margin-top: -.3rem;
                    width: 7rem;
                    height: 1.7rem;
                    text-align: center;
                    line-height: 1.7rem;
                }
        .mycf-card-y{
            overflow: hidden;
            white-space: nowrap;
            -moz-box-shadow:1px 7px 5px $card-c-y; 
            -webkit-box-shadow:1px 7px 5px $card-c-y; 
            box-shadow:1px 7px 5px $card-c-y;
            margin-bottom: 1.6rem;
            border-radius:.6rem;
            padding: .6rem;
            background: $f-color;
            color: $card-c-y; 
            .mycf-card-hearder{
                border-bottom: .5px solid $card-c-y;
                margin-bottom: 0.5rem;
            }
            label{
                border-radius:.6rem;
                background: $card-c-y;
                color: $f-color;
                text-align: center;
            }
        }
        .mycf-ewm{
            text-align: center;
            h3{
                color: $a;
            }
        }
    }
}